<!DOCTYPE html>

<html>
    <!--HEAD-->
    <head>

        <title>## Chapataxi.com ##</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Taxi seguro utiliza chapa tu taxi y usa la nueva app chapataxi, disponible en 
              android y iOS"/>
        <link href="css/footer.css" rel="stylesheet" type="text/css"/>
        <link href="css/menu.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="css/estilos.css"/>
            <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
    </head>

    <!--BODY-->      
    <body>

        <!--HEADER-->
        <header>
            
            
            <!--logo-->
            <div  class="logo">
                <a id="img_logo" href="index.html"><img class="img_logo"  src="img/logo.png"></a>
            </div>
            <!--slogan-->

            <nav>                 
                <!-- Menu de navegación -->
                <ul class="menu">
                    <a href="index.html"> <li >Inicio</li></a>
                    <a href="acerca.html"><li>Acerca</li></a>
                    <a href="conductor.html"><li>Conductor</li></a>
                    <a href="pasajero.html"><li id="actual_pa">Pasajero</li></a>
                    <a href="contacto.html"><li>Contacto</li></a>
                </ul>
            </nav>	

        </header>

        
        
        
        <!--CONTENIDO-->
        <div class="contenido_pasajero">

            <div class="pasajeroIzquierda">
                <div class="titulo">PASAJERO</div>
                <div class="textoContenido"><strong id="chapa">Chapa </strong> <strong id="taxicargo">TaxiCargo</strong> es una  aplicación para smartphones que llama a su taxi gratuitamente con tan sólo un click.

                    Es <strong>Fácil y práctico</strong> de usar. Basta confirmar su ubicación en el mapa y hacer clic en <strong>“Llamar taxi”.</strong> Usted puede ayudar al conductor a localizarlo incluyendo una referencia de su ubicación (ejemplo: cerca del banco).

                    Es SEGURO para el pasajero. Todos nuestros conductores están registrados.
                    Para su seguridad, nuestra aplicación muestra la foto y el nombre del conductor junto con las características del vehículo (modelo y placa) que irá a recogerlo. Finalmente, con Easy Taxi usted está  rastreado durante todo el recorrido aumentando el nivel de seguridad de su carrera.

                    Es <strong>Conveniente </strong>para usted. <br/><br/> Mientras espera por su taxi, usted puede visualizar en donde está el taxi en el mapa en tiempo real. Sepa exactamente cuando su taxi se encuentra cerca de usted. En caso de que desee comunicarse con el conductor, es posible llamarlo por teléfono con simplemente un click.

                    El pedido es <strong>GRATUITO</strong>. No hay cobros de llamada ni de registro. El único costo es el del viaje.

                    La aplicación es gratuita y está disponible en<strong>AppStore</strong>  para <strong> iOS </strong> y en <strong>Google Play</strong> para<strong>Android</strong> .</div>
                <a href="#"><button class="button" >Android</button></a>
                <a href="#"> <button class="button2" type="button">iOS</button>  </a>
            </div>
          
            
            <div class="pasajeroDerecha">
                <div class="p_cont_img">
                     <img class="pa_img" src="img/carro.png"/>                    
                </div>
               
                
            </div>

        </div>
        <!--FOOTER-->
        <footer>

            <div class="foo_bloque1">

                <!--Area de contacto-->
                <div class="foo_contacto">

                    <div class="foo_cont_imgs">
                        <img class="img_cont" src="img/f_mail.png" />
                        <img class="img_cont" src="img/f_call.png" />
                    </div>


                    <div class="foo_cont_texto">

                        <div class="foo_text1">
                            <P class="foo_text0_label">Correo electrónico</P> 
                            <P class="foo_text1_label">Informes a:
                                <a href="mailto:info@chapataxi.com" class="outlook">info@chapataxi.com</a></P> 
                        </div>

                        <div class="foo_text1">
                            <P class="foo_text0_label">Central telefónica</P> 
                            <P class="foo_text1_label">llámanos al: (+51) 446-3602</P> 
                        </div>

                    </div>
                </div>

            </div>

            <div class="division">

            </div>


            <div class="foo_bloque2">

                <!--Area de Ubicacion-->
                <div class="foo_contacto2">

                    <div class="foo_cont_imgs2">
                        <img class="img_cont" src="img/f_ubicacion.png" />
                        <img class="img_cont" src="img/f_about.png" />
                    </div>

                    <div class="foo_cont_texto2">

                        <div class="foo_text2">
                            <P class="foo_text0_label">Jr. Colina 1238 Int 101 - Surquillo</P> 
                            <P class="foo_text1_label">Ubicanos con:
                                <a target="_blank" href="https://www.google.com.pe/maps/place/Colina,+Lima+15048/@-12.1179442,-77.0173506,17z/data=!3m1!4b1!4m2!3m1!1s0x9105c80f5c4e3693:0x4e942a93782b5bfe?hl=es-419" class="outlook">Google maps</a></P> 
                        </div>

                        <div class="foo_text2">
                            <P class="foo_text0_label">Copyright © 2014</P> 
                            <P class="foo_text1_label">Dsigned by: <a class="outlook" target="_blank" href="http://www.sixthelement.com.pe/">Sixth element comunicacion integral </a></P> 
                        </div>

                    </div>
                </div>   
            </div>

            <div class="division">

            </div>
            <div class="foo_bloque3">



            </div>




        </footer>
    </body>
</html>
